小朋友下樓梯事前準備 - CSS 學習計畫 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2022 iThome 鐵人賽

DAY 16

0

自我挑戰組

那些八年級生的經典迷你遊戲，前端JS自學之路系列第 16 篇

小朋友下樓梯事前準備 - CSS 學習計畫

14th鐵人賽

2022-10-01 23:06:37

522 瀏覽

分享至

在前幾個遊戲中，太常因為遊戲排版而來回耗了許多時間，所以在接下來的遊戲--小朋友下樓梯前，我想要花個3-5天純研究點與排版有關的CSS。不然腦海中有些動畫上的效果，目前會無從做起。

目前想到需要的CSS效果如下：

畫面要能有背景在網上滾動的樣子，而且匯入的圖檔也要能跟著一起滾動，但是主角人物在空中往下墜，或是碰到彈簧往上跳，要能跳脫這個限制
加速螢幕滾動 (隨時間增加)
加速向右或向左的物件，物件上會有左右箭頭螢光閃著，讓人知道是要往哪個方向加速
血量和計算階數的位置

目前會先以版面為優先學習，然後漸漸再加上上面相關效果，希望當開始進行這遊戲開發時，能再順利一些。

打磚塊 - 碰撞判斷完成

CSS學習 - Positioning scheme (定位結構)

系列文

那些八年級生的經典迷你遊戲，前端JS自學之路共 20 篇

目錄

RSS系列文訂閱系列文

1 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙